.app{background:#ededee;}
.app>header{background: #2f2e33 !important; position: relative;}
.app>header>img{position: absolute; top:0; transform: rotate(180deg);width: 0.2rem;height: 0.35rem;top: 0.25rem;}
.app>.mui-content{margin-left: 0.2rem;}
.app>h4{margin: 0.2rem;}
.app>footer{width: 100%;}
.mui-content{width: 6.4rem; height: 7.7rem;background: #fff; border-radius:0.1rem ;margin-top: 1.5rem; padding: 0.35rem;text-align: center;padding-bottom: 1rem;}
.mui-content>h5{margin-top: -0.2rem;}
.mui-content>h5:nth-of-type(2){ margin-top: 0.2rem;}
.mui-content>p{text-align: left;color: black;margin-top: 0.4rem !important;}
.mui-content>p>span{color: #ccc;margin-left: 0.2rem;}
.mui-content input{width: 5.5rem; border-radius:0.1rem ;}
.mui-input-row .mui-btn{width: 3.35rem;}
.mui-input-row .mui-btn{float: none; border-radius:1rem ; background: #4cd964; color:white; margin-top: 0.3rem;}
.mui-content img{width: 1.45rem; height: 1.45rem; position: absolute; top: 1.2rem; left: 3rem; border-radius: 1.45rem;}
h3{margin: 0.25rem 0;}
#code{width: 100%; height:auto;text-align: center;}
#code>div{width: 2.2rem; height: 2.2rem;margin-left: 2.1rem;}
#code>div>img{width: 100%;height: 100%; position: static;}
#code>span{font-size: 0.3rem;display: block;margin-top: 0.2rem;}
#code>h5{color:#ffbc4e;margin-top: 0.2rem;}
#lose-code{width: 100%; height:auto;text-align: center; position: relative;}
#lose-code>div{width: 2.2rem; height: 2.2rem;margin-left: 2.1rem;}
#lose-code>div>img{width: 100%;height: 100%; position: static; opacity: 0.5;}
#lose-code>img{width: 1rem; height: 1rem; position: absolute; z-index: 2; top: 0;left: 3.3rem;}
#lose-code>button{width: 2rem; height: 0.7rem; border-radius: 0.5rem; margin-top: 0.4rem;}
#location li {height: auto;    padding-bottom: 0.2rem;}
#location li>div>p{position: initial;margin-top:0.65rem;}
#location li>div>.mui-icon-location{position:absolute;top: 0.5rem; right: 0.2rem;}
#location li>div{height: auto; overflow: hidden;}
#succeed>div{margin: 2.5rem auto;width: 5.9rem; height:auto; background: #fff; border-radius:0.2rem ;overflow: hidden;padding: 0.2rem 0.2rem 0.5rem 0.2rem;}
#succeed header{font-size: 0.36rem; color: #000;width: 100%; height:1rem;background: #fff;text-align: center; font-weight:600;margin-top: 0.5rem; font-size: 0.5rem;}
#location>ul{height:auto;}
#succeed footer{width: 93.3%; height: 1.5rem;border-top: 0.01rem solid #ccc; margin-top: 0.3rem;}
#succeed footer>h4{float: left;margin-top: 0.3rem; }
#succeed footer>.footer{width:100%;height: 1.2rem; float: left; line-height: 1rem; text-align: left; position: relative;}
#succeed footer>.footer>img{height: 100%;}
#succeed footer>.footer>h5{width: auto;float: right;width: 75%;}
#succeed footer>.footer>h5:nth-of-type(2){margin-top: -0.5rem;}
#succeed footer>.footer>button{position: absolute; right: 0;top: 0.7rem;}
#succeed .content{text-align: center; margin-top: 0.5rem;}
#succeed .content>p{color: #000;}
#succeed .content>button{width: 2rem; border-radius: 1rem;margin-top: 0.5rem;}
#succeed>img{position: absolute; left: 6.5rem; top: 1.5rem; width: 0.7rem;}
.le{text-align: left; margin-top: 0.5rem !important;}
